@charset "utf-8";
/*重置样式，重置浏览器给标签自带的样式*/
body,div,ul,li,a,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{
    margin: 0;
    padding: 0;
}
/*去掉li的小黑点*/
ul{
    list-style-type: none;
}
/*去掉a标签的下划线*/
a{
    text-decoration: none;
}
/*清除浮动样式*/
.clearfix:after{
    content: "";/*设置伪元素的内容为空*/
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.clearfix{
    zoom: 1;/*兼容ie低版本浏览器清除浮动*/
}
/*头部模块样式*/
#header{
    width: 100%;  /*设置#header的宽度为100%*/
    background: #333;
}
/*头部居中盒子样式*/
#header .header_center{
    width: 1263px;
    margin: 0 auto;
}
/*头部logo样式*/
#header .header_logo{
    width: 240px;
    height: 70px;
    float: left;
    text-indent: -9999px;
    background: url("../img/logo.png");
}
/*头部导航样式*/
#header .header_nav{
    height: 70px;
    float: right;
}
/*头部导航下面的li的样式*/
#header .header_nav li{
    float: left;
    line-height: 70px;
    width: 120px;
    text-align: center;
}
/*头部导航a的样式*/
#header .header_nav li a{
    color: #eee;
    display: block;
}
/*头部导航选中的li的样式*/
#header .header_nav li.active{
    background: #000;
}
/*鼠标移入li的样式*/
#header .header_nav li:hover{
    background: #000;
}
/************************头部样式结束***************************/
/*广告模块*/
#headline{
    width: 100%;
    background:linear-gradient(to right bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)), url("../img/headline.jpg") no-repeat center;
}
#headline .headline_center{
    width: 1263px;
    height: 300px;
    margin: auto;
}
#headline .group{
    padding: 100px 0 0 50px;
    color: #eee;
}
#headline .group h2{
    font-size: 36px;
    letter-spacing: 1px;
}
#headline .group h3{
    font-size: 20px;
    letter-spacing: 1px;
}
/***************侧栏模块样式***************************/
#container{
    width: 1263px;
    margin: 30px auto;
}
#container .sidebar{
    width: 340px;
    float: right;
}
#container .side_box{
    border: 1px solid #ccc;
}
#container .side_box h2{
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    text-indent: 8px;
    height: 40px;
    line-height: 40px;
    background-color: #fafafa;
    color: #666;
    text-align: left;
}
#container .recommend ul{
    padding: 10px 0;
    text-align: center;
}
#container .recommend ul li{
    display: inline-block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    margin: 2px 0;
    background-color: #eee;
    text-align: left;
    text-indent: 8px;
}
#container .recommend a{
    color: #999;
    display: block;
}
#container .recommend a:hover{
    background: green;
    color: #fff;
}
#container .hot{
    margin-top: 10px;
}
#container .hot ul{
    padding: 10px;
    text-align: center;
}
#container .hot ul li{
    display: inline-block;
    padding: 3px;
}
#container .treasure{
    margin-top: 10px;
}
#container .treasure ul{
    padding: 10px 0;
    text-align: center;
}
#container .treasure ul li{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 2px 0;
    text-align: left;
    text-indent: 35px;
    color: #999;
}
#container .treasure a{
    display: block;
    background: #eee url("../img/trea1.png") no-repeat 10px 10px;
}
/*底部模块开始*/
#footer{
    width: 100%;
    background-color: #222;
}
#footer .footer_center{
    width: 1263px;
    margin: 0 auto;
}
#footer dl{
    float: left;
    width: 410px;
    height: 280px;
    color: #666;
}
#footer dl dt {
    font-size: 24px;
    padding: 20px 0 10px 20px;
    color: #ccc;
}
#footer hr{
    width: 90%;
    border: 1px dashed #777;
}
#footer dl dd{
    color: #777;
    padding-left: 20px;
    font-size: 18px;
    line-height: 2;
}
#footer p{
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #777;
    background-color: #000;
    border-top: 1px solid #444;
}